<script setup>
import { RouterView } from "vue-router";
import { ref } from "vue";
import Tabbar from '@/components/Tabbar.vue'

const active = ref(0);
</script>

<template>
  <div class="main">
    <RouterView />
  </div>
  <Tabbar :active="active" />
</template>

<style>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
}
.main {
  width: 100vw;
  height: calc(100vh - var(--van-tabbar-height));
}
</style>
